
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>${setting.siteName} - 图表示例</title>
    <meta name="keywords" content="${setting.siteName}">
  <meta name="description" content="${setting.siteName}">

    <link href="${base}/resources/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <link href="${base}/resources/css/font-awesome.min.css?v=4.3.0" rel="stylesheet">
    <link href="${base}/resources/css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="${base}/resources/css/animate.min.css" rel="stylesheet">
    <link href="${base}/resources/css/style.min.css?v=3.0.0" rel="stylesheet">
    <!-- iCheck -->
    <link href="${base}/resources/css/plugins/iCheck/custom.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="${base}/resources/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="${base}/resources/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    
	<style>
		html, body, div, span, input, p,h1, h2, h3, h4, h5, h6, blockquote, a, abbr, acronym, address, strong, b, u, i, center,dl, dt, dd, ol, ul,td,tr {
		    font-family:"Microsoft Yahei","微软雅黑","宋体", "Simsun", "Open Sans";
		}
	</style>
</head>

<body class="gray-bg">
 	<div class="row  border-bottom white-bg dashboard-header">
        <div class="col-sm-12 ui-sortable">
            	Echarts 3.0 官方地址：<a href="http://echarts.baidu.com/">http://echarts.baidu.com/</a>
        </div>
    </div>

    <div class="wrapper wrapper-content  animated fadeInRight">
	<!--第一个表BEGIN-->
	<div class="row">
             <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                      <span style="font-weight:bold;"> 标准柱状图</span>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            
                        </div>
                    </div>
                    <div class="ibox-content">
                    	<div class="ibox-content" >
                    		 <div id="barOption1" style="height:400px"></div>
                    	</div>
                     	</div>
                    </div>
                </div>
        </div>
        
        <div class="row">
             <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                      <span style="font-weight:bold;"> 中国地图</span>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            
                        </div>
                    </div>
                    <div class="ibox-content">
                    	<div class="ibox-content" >
                    		 <div id="mapOption1" style="height:800px"></div>
                    	</div>
                     	</div>
                    </div>
                </div>
        </div>
    </div>
	
    <!-- 全局js -->
    <script src="${base}/resources/js/jquery-2.1.1.min.js"></script>
    <script src="${base}/resources/js/bootstrap.min.js?v=3.4.0"></script>
     <!-- Peity -->
    <script src="${base}/resources/js/plugins/peity/jquery.peity.min.js"></script>
    <!-- 自定义js -->
    <script src="${base}/resources/js/content.min.js?v=1.0.0"></script>
    <!-- iCheck -->
    <script src="${base}/resources/js/plugins/iCheck/icheck.min.js"></script>
    <!-- layer javascript -->
    <script src="${base}/resources/js/plugins/layer/layer.min.js"></script>
    <script src="${base}/resources/js/plugins/bootbox/bootbox.min.js"></script>
    <script type="text/javascript" src="${base}/resources/js/admin/common.js"></script>
	<script src="${base}/resources/js/plugins/echarts/echarts.min.js" type="text/javascript"></script>
	<script src="${base}/resources/js/plugins/echarts/map/china.js" type="text/javascript"></script>
	<script src="${base}/resources/js/plugins/echarts/theme/roma.js" type="text/javascript"></script>
	
	<script type="text/javascript">
	// 基于准备好的dom，初始化echarts图表
	var myChart = echarts.init(document.getElementById('barOption1'),'roma');
	
	// 为echarts对象加载数据
	myChart.setOption(${barOption1});
	
	// 基于准备好的dom，初始化echarts图表
	var myChart1 = echarts.init(document.getElementById('mapOption1'),'roma');
	
	// 为echarts对象加载数据
	myChart1.setOption(${mapOption1});
	</script>
</body>

</html>
